.leaflet-radar {
       
    /* from leaflet-control-layers */
    border-radius: 5px;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    
    padding: 5px;
    /* height: 67.5px; */
    min-height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    transition: width 0.25s ease;
}

.leaflet-radar .leaflet-radar-timestamp {
    text-align: center;
}

#leaflet-radar-slider {
    display: none;
}

#leaflet-radar-toggle {
    display: none;
}

.leaflet-radar-toggle i {
    cursor: pointer;
}

#radar-icon {
    color: gainsboro;
    transition: color 0.1s ease;
}



#leaflet-radar-toggle:checked ~ #radar-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    color:#3390ff
}


#radar-icon:hover {
opacity: 0.8;
}

.radar-active {
    width: 100%;
}


.weather-tile {
    filter: drop-shadow(8px 8px 5px rgba(0, 0, 0, 0.3));
}